<div class="container calendar">
  <div class="row">
    <div class="col-md-2">
      <div class="entry">
        <ul class="entry-list list-unstyled">
          <li class="entry-item entry-live pd-lr-20" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
            <a [routerLink]="['/index/calendar/econonmic']">财经日历</a>
          </li>
          <li class="entry-item entry-live pd-lr-20" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
            <a [routerLink]="['/index/calendar/country', 'cd_USD']">美国数据</a>
          </li>
          <li class="entry-item entry-item-relative pd-lr-20" (click)="onIconClick()">
            各国数据 <i class="glyphicon entry-item-i line-h40" [class.glyphicon-menu-up]="hideList" [class.glyphicon-menu-down]="!hideList" ></i>
          </li>
          <li class="entry-item" *ngIf="hideList" id="other-cuntory">
             <ul class="entry-list list-unstyled">
                <!--<li class="entry-item entry-live pd-lr-20 active">
                  财经日历
                </li>-->
                <li *ngFor="let item of category?.ListCalendarCountry" class="entry-item entry-live pd-lr-20" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}">
                  <a [routerLink]="['/index/calendar/country', item.CategoryId]">{{item.Name}}</a>
                </li>
              </ul>
          </li>
        </ul>
      </div>
    </div>
    <div class="col-md-10">
      <router-outlet></router-outlet>
    </div>
  </div>
</div>
